<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale =1.0, maximum-scale=1.0, user-scalable=no"/>
    <title>悦邻舍</title>
    <link rel="stylesheet" href="../assets/css/reset.css">
    <link rel="stylesheet" href="../assets/css/common.css">
    <link rel="stylesheet" href="../assets/font/iconfont.css">
    <link rel="stylesheet" href="../assets/plugin/swiper/swiper.min.css">
    <link rel="stylesheet" href="../assets/css/component.css">
    <link rel="stylesheet" href="../assets/css/beautyImg.css">
</head>
<body >

<div id="pageApp">
    <div class="ykl-layout"  v-cloak>
        <div class="album-swiper-wrapper">
            <div class="album-swiper swiper-container">
            <ul class="swiper-wrapper">
                 <li class="swiper-slide" v-for="item in albumList">
                     <div class="swiper-slide-box">
                        <div class="album-cover-wrapper" @click="toPhotoSwiper(item.AlbumId)">
                        	<img class="album-cover" :src="item.coverImg">
                        	 <p class="album-msg">
                        	    <img :src="item.img" >
                        	    <span class="album-title">{{item.Title}}</span>
                        	 </p>
                        	 <span class="photo-num">{{item.Count}}</span>
                        </div>
                        <div class="fav-or-comment-area">
                            <p class="area-item-title">喜欢<span>{{item.commendItems.length}}</span></p>
                            <div class="fav-user">
                                <img  v-for="user in item.commendItems" :src="user.img" :style="{left:user.left}">
                            </div>
                            <p class="area-item-title">评论<span>{{item.commentItems.length}}</span></p>
                            <ul class="comment-list">
                                <li class="comment-item" v-for="user in item.commentItems">
                                    <img :src="user.img" class="comment-user-img">
                                    <div>
                                        <p class="comment-msg">
                                            <span class="user-name">{{user.nickName}}</span>
                                            <span class="comment-time">{{user.time}}</span>
                                        </p>
                                        <p class="comment-content">{{user.Content}}</p>
                                    </div>
                                </li>
                            </ul>
                        </div> 
                     </div>
                 </li>
            </ul>
            <div class="float-block">
                <p class="float-btn float-btn1" @click="toAddImg">
                	<span class="iconfont icon-add1"></span>
                </p>
                <p class="float-btn float-btn2" @click="toComment">
                	<span class="iconfont icon-bianji"></span>
                </p>
            </div> 
        </div>  
    </div>
    <bottom-nav></bottom-nav>
    </div>
 </div>  
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/plugin/swiper/swiper.jquery.min.js"></script>
    <script src="../assets/js/vue.min.js"></script>

    <script src="../assets/js/gkee.js"></script>
    <script src="../assets/js/gtr.js"></script>

    <script src="../assets/js/component.js"></script>
    <script src="../assets/js/beautyImg.js"></script>

    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
    <script src="../assets/js/collector.js"></script>
    <script src="../assets/js/wechat.js"></script>
    <script src="../assets/js/wechat-shared.js"></script>
    
    <script>
        wechat.ready(function () {
            initPage();
        });
    </script>
</body>
</html>

